<template>
  <div class="trafficReport">
    <el-tabs v-model.trim="reportName" type="card" class="header">
        <el-tab-pane
        :label="$t('config.customer.date')"
        name="TrafficReportDateSearch"
      >
      </el-tab-pane>
      <el-tab-pane :label="$t('report.searchEngine')" name="trafficReportSeoSearch">
      </el-tab-pane>
      <el-tab-pane :label="$t('report.fromUrl')" name="trafficReportFromSearch">
      </el-tab-pane>
      <keep-alive>
        <component :is="reportName" class="content"></component>
      </keep-alive>
    </el-tabs>
  </div>
</template>
<script>
import TrafficReportDateSearch from "./form/trafficReportDateSearch.vue"
import trafficReportSeoSearch from "./form/trafficReportSeoSearch.vue"
import trafficReportFromSearch from "./form/trafficReportFromSearch.vue"
export default {
  name: "trafficReport",
  data() {
    return {
      reportName: "TrafficReportDateSearch",
    };
  },
  computed: {},
  components: { 
    TrafficReportDateSearch,
    trafficReportSeoSearch,
    trafficReportFromSearch
  },
  methods: {},
};
</script>
